@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";


.img-responsive { margin: 0 auto;}

.m-r-10 {margin-right: 10px !important;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-l {margin-left: 15px !important;}

.m-auto {
    margin-right: 0;
    margin-left: 0;
}
.fl-r{float:right;}

:-moz-any-link:focus {
    outline: none;
}

.topMenu ul li a, .SocialSec ul li a, .mainMenu ul li a, .logintBtn, .loGnav ul li a, 
.reserveAdv, .footerSocial ul li a , .footerWrapper ul li a, .more
{transition: all 0.2s ease-in-out 0s;}

/*Top Menu nav
================*/

.topMenuWrapper {
    margin: 0 auto;
    width:auto;
    background: #631900;
}
#dropmenu, #dropmenu ul {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	z-index: 999;
}
#dropmenu a {
	white-space: nowrap;
}
#dropmenu a:hover {
}
#dropmenu .current a, #dropmenu li:hover > a {
/*	border-top: #df4640 2px solid;
	color: #df4640;*/
}
#dropmenu li {
	position: relative;
}
#dropmenu li:last-child {
}
#dropmenu ul {
	padding: 0;
	position: absolute;
	display: none;
	width: 200px;
	margin: 0;
	top:54px;
	right: 0px;
	background:#631900;
	border-bottom: 3px solid black;
}
#dropmenu ul a {
}
#dropmenu li ul li {
	float: right;
	background: none !important;
	height: 50px;
	width: 200px;
	padding: 0 !important;
	margin: 0px !important;
	border-left: none;
}
#dropmenu li ul li:hover {
	background: #b85335 !important;
	height: 50px !important;
	width: 200px !important;
}
#dropmenu li ul a {
	font-size: 12px;
	padding: 0 !important;
	height: 50px;
	font-weight: normal !important;
	width: 200px;
	color: #fff;
	border: none;
	border-top: 1px solid #dfdfdf ;
	text-align: right;
	text-indent: 25px;
	text-shadow: none;
	line-height: 50px;
}
#dropmenu li ul a:hover {
	font-size: 12px;
	padding: 0 !important;
	height: 50px;
	border: none;
	border-top: 1px solid #dfdfdf ;
	font-weight: normal !important;
	width: 200px;
	color: #000  !important;
	text-align: right;
	text-indent: 25px;
	text-shadow: none;
	line-height: 50px;
}
#dropmenu ul ul {
	top: auto;
}
#dropmenu li ul ul {
	left: 12em;
	margin: 0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
	color : #fff;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
	display: block;
	color : #fff;
}
.topMenu{
    width:auto;
    height:auto;
}

.topMenu ul{
    margin:0px;
    padding:0px;
    list-style:none;
}
.topMenu ul li{
    margin:0px;
    padding:0px;
    float:right;
}
.topMenu ul li a{
    font:normal 12px/14px Droid Arabic Kufi;
    color:#fff !important;
    padding:20px 15px;
    display:block;
    position: relative ;	
}
.topMenu ul li a:hover{
    color:#000 !important;
	background:#b85335;
}

.topMenu ul li:first-child a{padding-right:1;}

.topMenu a.lnkactive:after {
    border-bottom: 6px solid #fff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -6px;
    position: absolute;
    bottom:0;
    z-index: 1000;
}

/*======================================*/

/*Social Links
================*/
.SocialSec{
    float:left;
}
.SocialSec ul{
    direction:rtl;
    margin:10px 0 0 0;
    padding:0px;
}
.SocialSec ul li{
    float:left;
    margin-right:5px;
}
.SocialSec ul li a{
    display:block;
    width:35px;
    height:35px;
    border-radius: 5px;
}
.H-fb{background: url(images/site-sprite.png) no-repeat center 8px;}
.H-fb:hover{background: url(images/site-sprite.png) no-repeat center -31px #527dd6;}
.H-tw{background:url(images/site-sprite.png) no-repeat center -69px;}
.H-tw:hover{background:url(images/site-sprite.png) no-repeat center -108px #00b0e1;}
.H-yt{background:url(images/site-sprite.png) no-repeat center -147px;}
.H-yt:hover{background:url(images/site-sprite.png) no-repeat center -186px #DB4343;}
.H-rss{background:url(images/site-sprite.png) no-repeat center -225px;}
.H-rss:hover{background:url(images/site-sprite.png) no-repeat center -264px #FE9900;}



/*======================================*/

/*Main Menu
================*/
.mainMenu{
    width:auto;
    height:auto;
}

.mainMenu ul{
    margin:0;
    padding:0px;
    list-style-type:none;
}
.mainMenu ul li{
    margin:0 12px 0 0;
    float:right;	
}

.mainMenu ul li a{
    display:block;
    background: url(images/menu_sprite.png) no-repeat center -125px #fff;
    color:#631900;
    font:bold 13px/16px Droid Arabic Kufi;
    #width: 118px;
    height: auto;
    padding: 60px 15px 15px 15px;
    border:#dfdfdf solid 1px;
    border-radius: 6px;
    text-align: center;
	max-width:109px;
}
.mainMenu ul li a:hover{
    color:#fff;
    background:  url(images/menu_sprite.png) no-repeat center 17px #b85335;
    border:#3d3f4b solid 1px; 
}

/*======================================*/


.newsBarWrapper{
    width:auto;
    background: #631900;
    #margin: 0 0 40px 0;
}
.newsBar h5{
    color:#FFF;
    font:bold 14px/16px Droid Arabic Kufi;
    text-align:center;
    padding: 14px 0px 0px 20px;
    float:right;
	margin: 10px 0px 0px 20px;
}

.newsBar p{
    float:right;
    font:normal 12px/16px Droid Arabic Kufi;
    color:#fff;
    padding:24px 15px;
    margin:0px;
}

/*search Form
================*/
.search {
    background:#fff;
    width:auto;
    width: 100%;
    height:40px;
    float: right;
    border-radius: 6px;
    margin: 12px 0;
    overflow:hidden;
}

.search .text {
    background:none;
    border:none;
    font:normal 12px Droid Arabic Kufi;
    color: #c7c5c5;
    width:80%;
    #padding:9px 13px;
	margin-right:2px;
}

.submit {
    background: url(images/site-sprite.png) center -674px no-repeat;
    width:50px;
    float:left;
    padding:0 !important;
    border:none !important;
    height:40px;
}



/*======================================*/

.logoBarWrapper{
    margin: 0 auto;
    width:auto;
    background:#fff;
}
.logo{
    margin:0px 10px 0px 0px;
}

.g728{
    #float:left;
    margin:10px 0px 0px 0px;
}
.g468{
    float:left;
    margin:0 0 20px 0;
}

.g300{
    margin:auto;
    width:300px;
    height:250px;
    margin-top:10px;
}



.loginWrapper{
    margin: 0 auto;
    width:auto;
	background:#f9f9f9;
   border-top: #e5e5e5 1px solid;
	#border-bottom:#07a9af solid;
   # padding:40px 0;
}




/*Login Form
================*/

.form-group{margin-bottom: 20px;}

.form-group input[type='text'],
.form-group input[type='password']
{
    padding-right: 50px;
    height: 38px;
    color:#333333 !important;
    font: normal 12px/36px Droid Arabic Kufi;
    border-radius: 0px;
    background:#FFF;
    border-color:#dfdfdf;
    border-radius:5px;
    position:relative;
    box-shadow:none;
}
.form-group input[type='text']:focus,
.form-group input[type='password']:focus
{
    border-color: rgba(7,169,175,.7);
    box-shadow: 0px 0px 4px rgba(7,169,175,.4) !important;
}

.inputSender {
    background: url(images/site-sprite.png) no-repeat center -615px;
    right: 16px;
    top: 1px;	
    bottom: 1px;
    display: block;
    height: 36px;
    position: absolute;
    width: 40px;
    z-index: 1;
    border-left:#dfdfdf solid 1px;
}
.mailSender {
    background: url(images/site-sprite.png) no-repeat center -645px;
    right: 16px;
    top: 1px;	
    bottom: 1px;
    display: block;
    height: 36px;
    position: absolute;
    width: 40px;
    z-index: 1;
    border-left:#dfdfdf solid 1px;
}
::-webkit-input-placeholder {opacity:1 !important;color:#bcbcbc !important;}
:-moz-placeholder {opacity:1 !important;color:#bcbcbc !important;}
::-moz-placeholder {opacity:1 !important;color:#bcbcbc !important;}
:-ms-input-placeholder {opacity:1 !important;color:#bcbcbc !important;}

.loGnav label {
    margin: 0 5px 0 0; 
    font-weight: normal;
}

.loGnav ul{
    margin:0;
    padding:0;
}

.loGnav ul li{
    float:right;
    list-style: disc;
    margin:0 0 0 40px;
    color:#dadada;
}
.loGnav ul li:first-child{list-style:none; color:#888888;font: normal 12px/40px Droid Arabic Kufi;}
.loGnav ul li a{
    color:#888888;
    font: normal 12px/40px Droid Arabic Kufi;
}
.loGnav ul li a:hover{
    color:black;
}

.logintBtn {
    display: block;
    width: 80px;
    height: 40px;
    text-align: center;
    color: #FFF;
    font: normal 14px/14px Droid Arabic Kufi;
    background:black;
    float:left;
    border: none;
    border-radius: 6px;
}
.logintBtn:hover {
    background:#078f94;
}
